// .detial {
//     padding: 40px 120px 0 120px;
//     box-sizing: border-box;

//     .nav {
//         width: 553px;
//         height: 28px;
//         font-size: 20px;
//         font-family: PingFangSC-Medium, PingFang SC;
//         font-weight: 500;
//         color: #666666;
//         line-height: 28px;
//         margin-bottom: 24px;
//     }

//     .titleBox {
//         width: 1675px;
//         height: 247px;
//         background: #F7F7F7;
//         border-radius: 8px;

//     }
// }

body {
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}

body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 90vw;
  // height: 104.17vw;
  // overflow: hidden;

  .section_10 {
    background-color: rgba(236, 240, 243, 1);
    width: 100vw;
    height: 4.17vw;

    .image_15 {
      width: 8.7vw;
      height: 2.04vw;
      margin: 0.98vw 0 0 7.13vw;
    }

    .text_65 {
      width: 2.09vw;
      height: 1.46vw;
      overflow-wrap: break-word;
      color: rgba(102, 102, 102, 1);
      font-size: 1.04vw;
      font-family: PingFangSC-Regular;
      font-weight: NaN;
      text-align: left;
      white-space: nowrap;
      line-height: 1.46vw;
      margin: 1.35vw 0 0 4.47vw;
    }

    .group_12 {
      width: 4.17vw;
      height: 1.83vw;
      margin: 1.35vw 0 0 2.5vw;

      .text_66 {
        width: 4.17vw;
        height: 1.46vw;
        overflow-wrap: break-word;
        color: rgba(51, 51, 51, 1);
        font-size: 1.04vw;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        white-space: nowrap;
        line-height: 1.46vw;
      }

      .group_13 {
        background-color: rgba(252, 104, 46, 1);
        border-radius: 1px;
        width: 1.05vw;
        height: 0.16vw;
        margin: 0.2vw 0 0 1.56vw;
      }
    }

    .text_67 {
      width: 4.12vw;
      height: 1.46vw;
      overflow-wrap: break-word;
      color: rgba(102, 102, 102, 1);
      font-size: 1.04vw;
      font-family: PingFangSC-Regular;
      font-weight: NaN;
      text-align: left;
      white-space: nowrap;
      line-height: 1.46vw;
      margin: 1.35vw 0 0 2.5vw;
    }

    .text_68 {
      width: 4.17vw;
      height: 1.46vw;
      overflow-wrap: break-word;
      color: rgba(102, 102, 102, 1);
      font-size: 1.04vw;
      font-family: PingFangSC-Regular;
      font-weight: NaN;
      text-align: left;
      white-space: nowrap;
      line-height: 1.46vw;
      margin: 1.35vw 0 0 2.5vw;
    }

    .group_14 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 22px;
      width: 20.06vw;
      height: 2.3vw;
      margin: 0.93vw 0 0 24.37vw;

      .text_69 {
        width: 4.54vw;
        height: 1.46vw;
        overflow-wrap: break-word;
        color: rgba(204, 204, 204, 1);
        font-size: 1.04vw;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.46vw;
        margin: 0.41vw 0 0 1.25vw;
      }

      .thumbnail_5 {
        width: 0.99vw;
        height: 1.05vw;
        margin: 0.67vw 1.45vw 0 11.82vw;
      }
    }

    .label_7 {
      width: 1.36vw;
      height: 1.52vw;
      margin: 1.3vw 0 0 1.61vw;
    }

    .label_8 {
      width: 2.4vw;
      height: 2.4vw;
      margin: 0.88vw 6.25vw 0 1.61vw;
    }
  }

  .section_11 {
    position: relative;
    // width: 100vw;
    height: 100.06vw;
    margin-bottom: 0.06vw;

    .text-wrapper_22 {
      width: 28.81vw;
      height: 1.46vw;
      margin: 1.66vw 0 0 6.25vw;

      .text_9 {
        width: 28.81vw;
        height: 1.46vw;
        overflow-wrap: break-word;
        color: rgba(102, 102, 102, 1);
        font-size: 1.04vw;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        white-space: nowrap;
        line-height: 1.46vw;
      }
    }

    .group_15 {
      // width: 64.38vw;
      height: 13.96vw;
      margin: 1.25vw 0 0 26.56vw;

      .group_1 {
        background-color: rgba(250, 250, 250, 1);
        border-radius: 8px;
        height: 12.87vw;
        width: 44.07vw;
        justify-content: flex-center;

        .text-wrapper_23 {
          width: 40.99vw;
          height: 3.23vw;
          margin: 1.04vw 0 0 2.03vw;

          .text_10 {
            width: 28.91vw;
            height: 3.23vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 2.29vw;
            font-family: PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            white-space: nowrap;
            line-height: 3.23vw;
          }

          .text_11 {
            width: 3.75vw;
            height: 2.04vw;
            overflow-wrap: break-word;
            color: rgba(252, 104, 46, 1);
            font-size: 1.87vw;
            font-family: FZLIYHS-H--GB1-0;
            font-weight: NaN;
            text-align: center;
            white-space: nowrap;
            line-height: 2.04vw;
            margin-top: 0.27vw;
          }
        }

        .text-wrapper_24 {
          width: 14.59vw;
          height: 1.57vw;
          margin: 0.41vw 0 0 2.03vw;

          .text_12 {
            width: 2.61vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(51, 51, 51, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
          }

          .text_13 {
            width: 11.46vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
          }
        }

        .group_16 {
          width: 8.13vw;
          height: 1.78vw;
          margin: 0.83vw 0 0 2.03vw;

          .text-wrapper_4 {
            border-radius: 4px;
            height: 1.78vw;
            border: 1px solid rgba(252, 104, 46, 1);
            width: 8.13vw;

            .text_14 {
              width: 7.3vw;
              height: 1.46vw;
              overflow-wrap: break-word;
              color: rgba(252, 104, 46, 1);
              font-size: 1.04vw;
              font-family: PingFangSC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 1.46vw;
              margin: 0.15vw 0 0 0.41vw;
            }
          }
        }

        .group_17 {
          width: 40.99vw;
          height: 2.5vw;
          margin: 0.46vw 0 1.04vw 2.03vw;

          .text_15 {
            width: 5.37vw;
            height: 1.72vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.25vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.72vw;
            margin-top: 0.79vw;
          }

          // .image_2 {
          //   width: 10.68vw;
          //   height: 1.72vw;
          //   margin: 0.78vw 0 0 0.52vw;
          // }
          .star {
            margin: 1.28vw 0 0 0.52vw;
            font-size: 21px;
            color: #1A1A1A;
            opacity: 0.2;
          }

          .star1 {
            margin: 1.28vw 0 0 0.52vw;
            font-size: 21px;
            color: #FC682E
          }

          .group_2 {
            // background-color: rgba(252, 104, 46, 1);
            // border-radius: 8px;
            // width: 7.5vw;
            // height: 2.5vw;
            margin-left: 16.93vw;

            // .label_3 {
            //   width: 1.25vw;
            //   height: 1.25vw;
            //   margin: 0.62vw 0 0 1.35vw;
            // }

            .text_16 {
              width: 7.5vw;
              height: 2.5vw;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 1.04vw;
              font-family: PingFangSC-Medium;
              font-weight: 500;
              // text-align: left;
              white-space: nowrap;
              // line-height: 1.46vw;
              // margin: 0.52vw 1.35vw 0 0;
              background-color: rgba(252, 104, 46, 1);
              
            }
          }
          
          .btn {
            display: flex;
            margin-left: 2.475rem;

            .text_16 {
              width: 7.5vw;
              height: 2.5vw;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 1.04vw;
              font-family: PingFangSC-Medium;
              font-weight: 500;
              // text-align: left;
              white-space: nowrap;
              // line-height: 1.46vw;
              // margin: 0.52vw 1.35vw 0 0;
              background-color: rgba(252, 104, 46, 1);
            }

            .fail {
              width: 7.5vw;
              height: 2.5vw;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 1.04vw;
              font-family: PingFangSC-Medium;
              font-weight: 500;
              // text-align: left;
              white-space: nowrap;
              // line-height: 1.46vw;
              // margin: 0.52vw 1.35vw 0 0;
              background-color: #999999;
              margin-left: 0.125rem;
            }
          }

          
        }
      }

      .box_28 {
        width: 21.36vw;
        height: 13.96vw;

        .text-wrapper_25 {
          background-color: rgba(247, 247, 247, 1);
          border-radius: 8px 8px 0px 0px;
          height: 4.17vw;
          width: 21.36vw;

          .text_70 {
            width: 3.75vw;
            height: 1.72vw;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 1);
            font-size: 1.25vw;
            font-family: PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            white-space: nowrap;
            line-height: 1.72vw;
            margin: 1.25vw 0 0 2.08vw;
          }
        }

        .section_12 {
          width: 17.19vw;
          height: 2.4vw;
          margin: 0.52vw 0 0 2.08vw;

          .label_9 {
            width: 2.4vw;
            height: 2.4vw;
          }

          .text_71 {
            width: 5.37vw;
            height: 1.67vw;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 0.93vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.67vw;
            margin: 0.41vw 0 0 0.72vw;
          }

          .text_72 {
            width: 4.17vw;
            height: 1.78vw;
            overflow-wrap: break-word;
            color: rgba(229, 46, 46, 1);
            font-size: 1.45vw;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.78vw;
            margin: 0.31vw 0 0 3.59vw;
          }

          .text_73 {
            width: 0.73vw;
            height: 1.05vw;
            overflow-wrap: break-word;
            color: rgba(179, 179, 179, 1);
            font-size: 0.72vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.05vw;
            margin: 0.88vw 0 0 0.2vw;
          }
        }

        .section_13 {
          width: 17.19vw;
          height: 2.4vw;
          margin: 1.04vw 0 0 2.08vw;

          .label_10 {
            width: 2.4vw;
            height: 2.4vw;
          }

          .text_74 {
            width: 5.37vw;
            height: 1.67vw;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 0.93vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.67vw;
            margin: 0.41vw 0 0 0.72vw;
          }

          .text_75 {
            width: 4.22vw;
            height: 1.78vw;
            overflow-wrap: break-word;
            color: rgba(229, 107, 46, 1);
            font-size: 1.45vw;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.78vw;
            margin: 0.31vw 0 0 3.59vw;
          }

          .text_76 {
            width: 0.73vw;
            height: 1.05vw;
            overflow-wrap: break-word;
            color: rgba(179, 179, 179, 1);
            font-size: 0.72vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.05vw;
            margin: 0.88vw 0 0 0.15vw;
          }
        }

        .section_14 {
          width: 17.19vw;
          height: 2.4vw;
          margin: 1.04vw 0 0 2.08vw;

          .image-text_16 {
            width: 8.49vw;
            height: 2.4vw;

            .label_11 {
              width: 2.4vw;
              height: 2.4vw;
            }

            .text-group_20 {
              width: 5.37vw;
              height: 1.67vw;
              overflow-wrap: break-word;
              color: rgba(102, 102, 102, 1);
              font-size: 0.93vw;
              font-family: PingFangSC-Regular;
              font-weight: NaN;
              text-align: left;
              white-space: nowrap;
              line-height: 1.67vw;
              margin-top: 0.42vw;
            }
          }

          .text_77 {
            width: 4.12vw;
            height: 1.78vw;
            overflow-wrap: break-word;
            color: rgba(229, 168, 46, 1);
            font-size: 1.45vw;
            font-family: Helvetica;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.78vw;
            margin: 0.31vw 0 0 3.59vw;
          }

          .text_78 {
            width: 0.73vw;
            height: 1.05vw;
            overflow-wrap: break-word;
            color: rgba(179, 179, 179, 1);
            font-size: 0.72vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.05vw;
            margin: 0.88vw 0 0 0.26vw;
          }
        }
      }
    }

    .ipConfig {
      width: 15.45rem;
      height: 0.7625rem;
      background: #FFF7E7;
      border-radius: 0.1rem;
      margin-left: 1.5rem;
      margin-bottom: 24px;
      font-size: 18px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #1A1A1A;
      line-height: 0.7625rem;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      box-sizing: border-box;
      span{
        margin-right: 0.225rem;
      }
      .toFast{
        color: #FC682E;
        float: right;
        cursor: pointer;
      }
    }
    .hidden {
      display: none !important;
    }
    .group_18 {
      width: 64.38vw;
      height: 3.44vw;
      margin: 0.15vw 0 0 6.25vw;

      .box_14 {
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
        background-color: rgba(247, 247, 247, 1);
        border-radius: 8px;
        width: 64.38vw;
        height: 3.44vw;
        justify-content: flex-center;

        .text_39 {
          width: 5.73vw;
          height: 1.57vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 1.14vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 1.57vw;
          margin: 0.93vw 0 0 1.04vw;
        }

        .text_40 {
          width: 3.39vw;
          height: 1.62vw;
          overflow-wrap: break-word;
          color: rgba(252, 104, 46, 1);
          font-size: 1.35vw;
          font-family: Helvetica;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.62vw;
          margin-top: 0.94vw;
        }

        .text_41 {
          width: 5.73vw;
          height: 1.57vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 1.14vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 1.57vw;
          margin: 0.93vw 0 0 1.04vw;
        }

        .text_42 {
          width: 3.39vw;
          height: 1.62vw;
          overflow-wrap: break-word;
          color: rgba(252, 104, 46, 1);
          font-size: 1.35vw;
          font-family: Helvetica;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.62vw;
          margin: 0.93vw 0 0 -0.05vw;
        }

        .image-text_17 {
          width: 4.07vw;
          height: 1.57vw;
          margin: 0.93vw 0 0 33.9vw;
          color: gainsboro;
          cursor: pointer;

          .label_6 {
            font-size: 20px;
            margin-top: 0.21vw;

          }

          .text-group_7 {
            width: 2.3vw;
            height: 1.57vw;
            overflow-wrap: break-word;


            font-size: 1.14vw;
            font-family: PingFangSC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
          }


        }

        .active1 {
          color: #FC682E !important;
        }

        .image-text_18 {
          width: 3.91vw;
          height: 1.57vw;
          margin: 0.93vw 1.04vw 0 1.19vw;

          .image_16 {
            width: 0.99vw;
            height: 1.15vw;
            margin-top: 0.27vw;
            color: rgb(102, 102, 102);
          }

          .text-group_8 {
            width: 2.3vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Medium;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
          }
        }
      }

      .image-text_19 {
        width: 8.49vw;
        height: 2.4vw;
        margin: 0.88vw 0 0 3.85vw;

        .label_12 {
          width: 2.4vw;
          height: 2.4vw;
        }

        .text-group_21 {
          width: 5.37vw;
          height: 1.67vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 0.93vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.67vw;
          margin-top: 0.42vw;
        }
      }

      .text_79 {
        width: 4.17vw;
        height: 1.78vw;
        overflow-wrap: break-word;
        color: rgba(154, 154, 154, 1);
        font-size: 1.45vw;
        font-family: Helvetica;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.78vw;
        margin: 1.19vw 0 0 3.59vw;
      }

      .text_80 {
        width: 0.73vw;
        height: 1.05vw;
        overflow-wrap: break-word;
        color: rgba(179, 179, 179, 1);
        font-size: 0.72vw;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.05vw;
        margin: 1.77vw 0 0 0.2vw;
      }
    }

    .group_19 {
      width: 64.28vw;
      height: 5.84vw;
      margin: 0.88vw 0 0 6.35vw;
      z-index: 999;

      .group_3 {
        background-color: rgba(247, 247, 247, 1);
        border-radius: 8px 8px 0px 0px;
        width: 64.38vw;
        height: 3.81vw;
        margin-top: 0.47vw;

        .text-wrapper_5 {
          // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
          // background-color: rgba(255, 255, 255, 1);
          border-radius: 8px;
          height: 3.18vw;
          width: 6.25vw;
          margin: 0.31vw 0 0 0.41vw;
          cursor: pointer;
          color: rgba(153, 153, 153, 1);
          font-size: 1.25vw;
          font-family: PingFangSC-Medium;
          text-align: center;
          line-height: 3.18vw;
          // .text_17 {
          //   width: 5vw;
          //   height: 1.72vw;
          //   overflow-wrap: break-word;
          //   color: rgba(252, 104, 46, 1);
          //   font-size: 1.25vw;
          //   font-family: PingFangSC-Medium;
          //   // font-weight: 500;
          //   // text-align: left;
          //   // white-space: nowrap;
          //   // line-height: 1.72vw;
          //   margin: 0.72vw 0 0 0.62vw;
          // }
        }

        .active {
          box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
          background-color: rgba(255, 255, 255, 1);
          color: rgba(252, 104, 46, 1);
        }

        // .text_18 {
        //   width: 5vw;
        //   height: 1.72vw;
        //   overflow-wrap: break-word;
        //   color: rgba(153, 153, 153, 1);
        //   font-size: 1.25vw;
        //   font-family: PingFangSC-Regular;
        //   // font-weight: NaN;
        //   // text-align: left;
        //   // white-space: nowrap;
        //   // line-height: 1.72vw;
        //   margin: 1.04vw 0 0 2.5vw;
        // }

        // .text_19 {
        //   width: 5vw;
        //   height: 1.72vw;
        //   overflow-wrap: break-word;
        //   color: rgba(153, 153, 153, 1);
        //   font-size: 1.25vw;
        //   font-family: PingFangSC-Regular;
        //   font-weight: NaN;
        //   text-align: left;
        //   white-space: nowrap;
        //   line-height: 1.72vw;
        //   margin: 1.04vw 42.08vw 0 3.12vw;
        // }
      }

      .block_1 {
        width: 8.49vw;
        height: 5.84vw;
        margin-left: 3.86vw;

        .image-text_20 {
          width: 8.49vw;
          height: 2.4vw;

          .label_13 {
            width: 2.4vw;
            height: 2.4vw;
          }

          .text-group_22 {
            width: 5.37vw;
            height: 1.67vw;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 0.93vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.67vw;
            margin-top: 0.42vw;
          }
        }

        .image-text_21 {
          width: 8.49vw;
          height: 2.4vw;
          margin-top: 1.05vw;

          .label_14 {
            width: 2.4vw;
            height: 2.4vw;
          }

          .text-group_23 {
            width: 5.37vw;
            height: 1.67vw;
            overflow-wrap: break-word;
            color: rgba(102, 102, 102, 1);
            font-size: 0.93vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.67vw;
            margin-top: 0.42vw;
          }
        }
      }

      .text-wrapper_26 {
        width: 4.07vw;
        height: 5.21vw;
        margin: 0.31vw 0 0 3.59vw;

        .text_81 {
          width: 4.07vw;
          height: 1.78vw;
          overflow-wrap: break-word;
          color: rgba(154, 154, 154, 1);
          font-size: 1.45vw;
          font-family: Helvetica;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.78vw;
        }

        .text_82 {
          width: 4.07vw;
          height: 1.78vw;
          overflow-wrap: break-word;
          color: rgba(154, 154, 154, 1);
          font-size: 1.45vw;
          font-family: Helvetica;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.78vw;
          margin-top: 1.67vw;
        }
      }

      .text-wrapper_27 {
        width: 0.73vw;
        height: 4.48vw;
        margin: 0.88vw 0 0 0.31vw;

        .text_83 {
          width: 0.73vw;
          height: 1.05vw;
          overflow-wrap: break-word;
          color: rgba(179, 179, 179, 1);
          font-size: 0.72vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.05vw;
        }

        .text_84 {
          width: 0.73vw;
          height: 1.05vw;
          overflow-wrap: break-word;
          color: rgba(179, 179, 179, 1);
          font-size: 0.72vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.05vw;
          margin-top: 2.4vw;
        }
      }
    }

    .group_20 {
      width: 17.19vw;
      height: 2.4vw;
      margin: 1.04vw 0 0 74.47vw;

      .image-text_22 {
        width: 8.49vw;
        height: 2.4vw;

        .label_15 {
          width: 2.4vw;
          height: 2.4vw;
        }

        .text-group_24 {
          width: 5.37vw;
          height: 1.67vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 0.93vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.67vw;
          margin-top: 0.42vw;
        }
      }

      .text_85 {
        width: 4.07vw;
        height: 1.78vw;
        overflow-wrap: break-word;
        color: rgba(154, 154, 154, 1);
        font-size: 1.45vw;
        font-family: Helvetica;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.78vw;
        margin: 0.31vw 0 0 3.59vw;
      }

      .text_86 {
        width: 0.73vw;
        height: 1.05vw;
        overflow-wrap: break-word;
        color: rgba(179, 179, 179, 1);
        font-size: 0.72vw;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.05vw;
        margin: 0.88vw 0 0 0.31vw;
      }
    }

    .group_21 {
      width: 17.19vw;
      height: 2.4vw;
      margin: 1.04vw 0 0 74.47vw;

      .image-text_23 {
        width: 8.49vw;
        height: 2.4vw;

        .label_16 {
          width: 2.4vw;
          height: 2.4vw;
        }

        .text-group_25 {
          width: 5.37vw;
          height: 1.67vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 0.93vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.67vw;
          margin-top: 0.42vw;
        }
      }

      .text_87 {
        width: 4.07vw;
        height: 1.78vw;
        overflow-wrap: break-word;
        color: rgba(154, 154, 154, 1);
        font-size: 1.45vw;
        font-family: Helvetica;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.78vw;
        margin: 0.31vw 0 0 3.59vw;
      }

      .text_88 {
        width: 0.73vw;
        height: 1.05vw;
        overflow-wrap: break-word;
        color: rgba(179, 179, 179, 1);
        font-size: 0.72vw;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.05vw;
        margin: 0.88vw 0 0 0.31vw;
      }
    }

    .group_22 {
      width: 17.19vw;
      height: 2.4vw;
      margin: 1.04vw 0 0 74.47vw;

      .image-text_24 {
        width: 8.49vw;
        height: 2.4vw;

        .label_17 {
          width: 2.4vw;
          height: 2.4vw;
        }

        .text-group_26 {
          width: 5.37vw;
          height: 1.67vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 0.93vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.67vw;
          margin-top: 0.42vw;
        }
      }

      .text_89 {
        width: 4.07vw;
        height: 1.78vw;
        overflow-wrap: break-word;
        color: rgba(154, 154, 154, 1);
        font-size: 1.45vw;
        font-family: Helvetica;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.78vw;
        margin: 0.31vw 0 0 3.59vw;
      }

      .text_90 {
        width: 0.73vw;
        height: 1.05vw;
        overflow-wrap: break-word;
        color: rgba(179, 179, 179, 1);
        font-size: 0.72vw;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.05vw;
        margin: 0.88vw 0 0 0.31vw;
      }
    }

    .group_23 {
      width: 17.19vw;
      height: 2.4vw;
      margin: 1.04vw 0 57.65vw 74.47vw;

      .image-text_25 {
        width: 8.49vw;
        height: 2.4vw;

        .label_18 {
          width: 2.4vw;
          height: 2.4vw;
        }

        .text-group_27 {
          width: 5.37vw;
          height: 1.67vw;
          overflow-wrap: break-word;
          color: rgba(102, 102, 102, 1);
          font-size: 0.93vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          white-space: nowrap;
          line-height: 1.67vw;
          margin-top: 0.42vw;
        }
      }

      .text_91 {
        width: 4.07vw;
        height: 1.78vw;
        overflow-wrap: break-word;
        color: rgba(154, 154, 154, 1);
        font-size: 1.45vw;
        font-family: Helvetica;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.78vw;
        margin: 0.31vw 0 0 3.59vw;
      }

      .text_92 {
        width: 0.73vw;
        height: 1.05vw;
        overflow-wrap: break-word;
        color: rgba(179, 179, 179, 1);
        font-size: 0.72vw;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 1.05vw;
        margin: 0.88vw 0 0 0.31vw;
      }
    }

    .section_5 {
      border-radius: 8px;
      height: 55.16vw;
      border: 1px solid rgba(209, 209, 209, 1);
      width: 64.38vw;
      position: absolute;
      left: 6.25vw;
      top: 23.18vw;
      padding: 0 0.25rem;
      box-sizing: border-box;
      // background-color: #fff;

      .text-wrapper_28 {
        width: 5.84vw;
        height: 2.09vw;
        margin: 4.84vw 0 0 1.04vw;

        .text_29 {
          width: 5.84vw;
          height: 2.09vw;
          overflow-wrap: break-word;
          color: rgba(26, 26, 26, 1);
          font-size: 1.45vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.09vw;
        }
      }

      .text-wrapper_29 {
        width: 50.63vw;
        height: 4.17vw;
        margin: 0.93vw 0 0 6.87vw;

        .text_30 {
          width: 50.63vw;
          height: 4.17vw;
          overflow-wrap: break-word;
          color: rgba(26, 26, 26, 1);
          font-size: 1.14vw;
          font-family: PingFangSC-Regular;
          font-weight: NaN;
          text-align: left;
          line-height: 2.09vw;
        }
      }

      .text-wrapper_30 {
        width: 5.84vw;
        height: 2.09vw;
        margin: 1.04vw 0 0 1.04vw;

        .text_31 {
          width: 5.84vw;
          height: 2.09vw;
          overflow-wrap: break-word;
          color: rgba(26, 26, 26, 1);
          font-size: 1.45vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.09vw;
        }
      }

      .box_29 {
        width: 18.81vw;
        height: 5.73vw;
        margin: 1.19vw 0 0 6.87vw;

        .text-group_28 {
          width: 18.81vw;
          height: 5.73vw;

          .text_32 {
            width: 18.81vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
          }

          .text_33 {
            width: 16.78vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
            margin-top: 0.53vw;
          }

          .text_34 {
            width: 16.78vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
            margin-top: 0.53vw;
          }
        }
      }

      .text-wrapper_31 {
        width: 5.84vw;
        height: 2.09vw;
        margin: 1.04vw 0 0 1.04vw;

        .text_35 {
          width: 5.84vw;
          height: 2.09vw;
          overflow-wrap: break-word;
          color: rgba(26, 26, 26, 1);
          font-size: 1.45vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.09vw;
        }
      }

      .box_30 {
        width: 31.67vw;
        height: 5.73vw;
        margin: 1.19vw 0 23.02vw 6.87vw;

        .text-group_29 {
          width: 31.67vw;
          height: 5.73vw;

          .text_36 {
            width: 14.22vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
          }

          .text_37 {
            width: 31.67vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
            margin-top: 0.53vw;
          }

          .text_38 {
            width: 27.09vw;
            height: 1.57vw;
            overflow-wrap: break-word;
            color: rgba(26, 26, 26, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Regular;
            font-weight: NaN;
            text-align: left;
            white-space: nowrap;
            line-height: 1.57vw;
            margin-top: 0.53vw;
          }
        }
      }
    }

    .thumbnail_2 {
      position: absolute;
      left: 15.68vw;
      top: 1.93vw;
      width: 0.94vw;
      height: 0.94vw;
    }

    .thumbnail_3 {
      position: absolute;
      left: 20.89vw;
      top: 1.93vw;
      width: 0.94vw;
      height: 0.94vw;
    }

    .section_8 {
      border-radius: 8px;
      background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/4ed14e26705a40fdb24f774b1e60a282_mergeImage.png);
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 6.25vw;
      top: 4.38vw;
      width: 21.31vw;
      height: 12.87vw;
    }
  }
}

.container {
  display: flex;

  .ranking {
    margin-left: 34px;
    margin-top: 74px;

    .garde-box {
      width: 410px;
      height: 80px;
      background: #F7F7F7;
      border-radius: 8px 8px 0px 0px;

      span {
        font-size: 24px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #000000;
        line-height: 80px;
        margin-left: 40px;
      }
    }

    .people {
      width: 410px;
      height: 66px;
      display: flex;
      align-items: center;

      &:nth-of-type(2) {
        .right-grade {
          color: #E52E2E !important;
        }

      }

      &:nth-of-type(3) {
        .right-grade {
          color: #E56B2E !important;
        }

      }

      &:nth-of-type(4) {
        .right-grade {
          color: #E5A82E !important;
        }

      }

      .left {
        width: 46px;
        height: 46px;
        margin-left: 40px;
        margin-right: 14px;

        img {
          width: 100%;
          height: 100%;
        }
      }

      .center {
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        margin-right: 68px;
      }

      .right {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #B3B3B3;

        .right-grade {
          font-size: 28px;
          font-family: Helvetica;
          color: #9A9A9A;
        }
      }
    }
  }
}